<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button>发送ajax请求</button>
<button>发送JSONP</button>
<button>封装JSONP</button>
</body>
<script src="lib/jsonp.js"></script>
<script>
    const btns = document.querySelectorAll("button");
    btns[0].onclick = function () {
        // 同源：协议，域名，端口号三者必须完全一致
        // 页面所在的服务：http://localhost:63342
        // 请求的服务地址：http://127.0.0.1
        const xhr = new XMLHttpRequest();
        xhr.open("get", "http://127.0.0.1/info?t=" + Date.now());
        xhr.send();
        xhr.onload = function () {
            console.log(xhr.response);
        }
    }

    btns[1].onclick = function () {

        const fnName = "zhang" + Math.random().toString(36).slice(2);
        window[fnName] = function (res) {
            console.log(res);
        }
        const script = document.createElement("script");
        script.src = "http://127.0.0.1/jsonp?callback=" + fnName;
        script.onload = function () {
            delete window[fnName];
            // 当指定的src文件加载完毕后执行
            document.body.removeChild(script);
        }
        document.body.appendChild(script);


    }
    btns[2].onclick = async function () {

        // jsonp("https://fts.jd.com/area/get",{
        //     params:{
        //         fid:2824
        //     }
        // }).then(value=>{
        //     console.log(value);
        // })

        const result = await jsonp("http://127.0.0.1/jsonp",{
          params:{
              a:1,
              b:2,
              c:3
          }
        })
        console.log(result);
    }
</script>
<!--<script>-->
<!--    // function fn(){-->
<!--    //     console.log(1111)-->
<!--    // }-->
<!--    let fn = function(obj){-->
<!--        console.log(obj);-->
<!--    }-->
<!--</script>-->
<!--<script src="./my.js"></script>-->
<!--<script src="http://127.0.0.1/jsonp"></script>-->

</html>